<html><head>
<meta http-equiv="content-type" content="text/html; charset=gbk">	
<meta lang="en">
	
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/layout.css" type="text/css" media="all">
    <link rel="stylesheet" href="../css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css" type="text/css" media="all">
	<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" type="text/css" media="all">
	
	<script type="text/javascript" src="../js/jquery-1.6.js" ></script>
	<script type="text/javascript" src="../bootstrap/js/bootstrap-dropdown.js"></script>
	<script type="text/javascript" src="../js/cufon-yui.js"></script>
    <script type="text/javascript" src="../js/cufon-replace.js"></script>
    <script type="text/javascript" src="../js/Swis721_Cn_BT_400.font.js"></script>
    <script type="text/javascript" src="../js/Swis721_Cn_BT_700.font.js"></script>
    <script type="text/javascript" src="../js/tms-0.3.js"></script>
    <script type="text/javascript" src="../js/tms_presets.js"></script>
    <script type="text/javascript" src="../js/jcarousellite.js"></script>
    <script type="text/javascript" src="../js/script.js"></script>
    
    <script type="text/javascript" src="../js/config.js"></script>
    <script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="register.js"></script>
	<style>
		.reg {
			font-size: 50px;
			display: block;
			float: right;		
		}
		.othbg {
			background: url("../images/background.jpg") ;	
			background-repeat: no-repeat;
			background-size: 100% 100%; 
			margin-left: auto;
			margin-right: auto;
		}
	</style>
</head>
<body class="othbg">
	
	<div class="othbd">
		<h2 class="under">Register=================<a class="btn btn-primary btn-lg" href="login.html" >Login</a></h2>
		<form class="form-horizontal" role="form" method="POST" id="registerForm">
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">USTC Email:</label>
				<div class="col-sm-10">
					<input type="email" id="stuEmail" name="stuEmail" placeholder="Email" required="true" onblur="validateEmail(this.value)">
				</div>
			</div>
			<div class="form-group">
				<label for="inputEmail3" class="col-sm-2 control-label">Name:</label>
				<div class="col-sm-10">
					<input type="text" id="stuName" name="stuName" placeholder="Name" required="true" maxLength=20>
				</div>
			</div>
			<div class="form-group" id="classNo">
				<label for="inputPassword3" class="col-sm-2 control-label">Class:</label>
				<label>Class1</label><input type="radio" name="classId" value="1">
				<label>Class2</label><input type="radio" name="classId" value="2">
				<label>Class3</label><input type="radio" name="classId" value="3">
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-2 control-label">Password:</label>
				<div class="col-sm-10">
					<input type="password" id="inputPassword3" name="stuPassword" placeholder="Password" required="required">
				</div>
			</div>
			<div class="form-group">
				<label for="inputPassword3" class="col-sm-2 control-label">Confirm Password:</label>
				<div class="col-sm-10">
					<input type="password" id="inputPassword3" placeholder="Password" required="required">
				</div>
			</div>
  			
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<div class="checkbox">
					<label>
						<input type="checkbox" id="rem"> Remember me
					</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn btn-primary" id="submitReg">Register in</button>
					<button type="cancel" class="btn btn-default">Cancel</button>
				</div>
			</div>		
		</form>
	</div>
    
	<script>
		$('#classNo').bind('click', function(){
			$(this).attr('label', $('.dropdown-menu').val())
		});
	</script>
</body>
</html>